<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>人事档案管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/renshi.css"/>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/renshi.js"></script>
</head>
<body onload="fenyejiazai()">
<div class="box1">
    <form class="layui-form">
        <p style="font-size: 10px;">人事管理>>人事档案管理</p>
        <table class="layui-table" width="98%" align="center">
            <tr align="center">
                <td>档案编号：</td>
                <td><input type="text" class="layui-input fileCoding"/></td>
                <td>审核状态：</td>
                <td><select name="shenhe" class="checkStatus">
                    <option value="">--请选择--</option>
                    <option value="起草">起草</option>
                    <option value="审核中">审核中</option>
                    <option value="审核通过">审核通过</option>
                    <option value="驳回">驳回</option>
                    <option value="变更">变更</option>
                    <option value="变更审核中">变更审核中</option>
                </select></td>
                <td>档案状态：</td>
                <td><select name="dangan" class="fstatus">
                    <option value="">--请选择--</option>
                    <option value="试用期">试用期</option>
                    <option value="正式员工">正式员工</option>
                    <option value="离职">离职</option>
                    <option value="已删除">已删除</option>
                    <option value="实习员工">实习员工</option>
                </select></td>
                <td>建档时间：</td>
                <td><input type="date" class="layui-input startDate"/></td>
                <td>至</td>
                <td><input type="date" class="layui-input endDate"/></td>
                <td><button type="button" class="layui-btn rbtn" style="border-radius: 0px" onclick="chaxundefangfa()">&nbsp;&nbsp;查&nbsp;询&nbsp;&nbsp;</button></td>
                <td><button type="button" class="layui-btn layui-btn-warm" id="anniu" onclick="dangandengji()">
                    <i class="layui-icon">&#xe608;</i>档案登记
                </button></td>
            </tr>
        </table>
        <table border="1" class="layui-table table-page">
            <tr>
                <td><b>档案编号</b></td>
                <td><b>姓名</b></td>
                <td><b>性别</b></td>
                <td><b>所属部门</b></td>
                <td><b>职位</b></td>
                <td><b>建档日期</b></td>
                <td><b>审核状态</b></td>
                <td><b>档案状态</b></td>
                <td><b>操作</b></td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </form>
    <div class="zuihou" align="center">
        <button type="button" class="layui-btn" onclick="start()">
            <i class="layui-icon">&#xe603;</i>首页
        </button>
        <button type="button" class="layui-btn" onclick="prev()">
            <i class="layui-icon">&#xe65a;</i>上一页
        </button>
        &nbsp;&nbsp;&nbsp;
        <p class="weiba2" style="display: inline-block;"><span class="showPage">1/1</span></p>
        &nbsp;&nbsp;&nbsp;
        <button type="button" class="layui-btn" onclick="next()">
            下一页<i class="layui-icon">&#xe65b;</i>
        </button>
        <button type="button" class="layui-btn" onclick="end()">
            尾页<i class="layui-icon">&#xe602;</i>
        </button>&nbsp;&nbsp;
    </div>
</div>
<script>
    layui.use('form', function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

        //……

        //但是，如果你的HTML是动态生成的，自动渲染就会失效
        //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
        form.render();
    });
</script>
</body>
</html>
